*{margin: 0;padding: 0;}
#top{margin: 0 auto;width: 1000px;}
#navbg{background-color:#ff3399;width: 100%;height: 37px }
#navbg nav{width: 1000px;height:37px;margin: 0 auto}
#navbg nav a{color: #ffffff;font-size: 14px;font-family: 微软雅黑;width: 160px;height: 37px;
    display: block;float:left;text-decoration: none;text-align: center;line-height: 37px; }
#navbg nav a:hover{background:#e50065}
.scrollNav{position: fixed;left: 0;top: 0}
#index_tags{
width:625px;
position:relative;
left:5px;
margin:30px auto 15px auto;
font-size:0;
}
#index_tags a{
	display:inline-block;
	width:115px;
	height:115px;
	margin:0 10px 10px 0;
	position:relative;
	text-decoration:none
}
#index_tags a img{
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	width:115px;
	height:115px
}
#index_tags a p{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background: rgb(51, 51, 51);
	border-top:1px solid #222;
	height:22px;
	line-height:22px;
	color:#fff;
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor:pointer;
	text-align: center;
}
#index_tags a div.bg_wrapper{
	position:absolute;
	left:-5px;
	top:-5px;
	width:125px;
	height:125px;
	border:1px solid #aaa;
	background:#fff;
	visibility:hidden;
	-webkit-transition:-webkit-transform 0s ease-in;
	-moz-transition:-moz-transform 0s ease-in;
	-o-transition:-o-transform 0s ease-in;
	transition:transform 0s ease-in
}
#index_tags a div.bg_wrapper div{
	margin:4px;
	background:#666;
	width:116px;
	height:116px
}
#index_tags a:link,
#index_tags a:visited{
	text-decoration:none
}
#index_tags a:hover{
	zoom:1;
	z-index:20;
	text-decoration:underline
}
#index_tags a:hover div.bg_wrapper{
	visibility:visible;
	*visibility:hidden;
	visibility:hidden \0
}
#index_tags a:hover div.bg_wrapper.left{
	-webkit-transform:rotate(6deg) translate(6px,-1px);
	-moz-transform:rotate(6deg) translate(6px,-1px);
	-o-transform:rotate(6deg) translate(6px,-1px);
	-transform:rotate(6deg) translate(6px,-1px)
}
#index_tags a:hover div.bg_wrapper.right{
	-webkit-transform:rotate(-5deg) translate(-5px,1px);
	-moz-transform:rotate(-5deg) translate(-5px,1px);
	-o-transform:rotate(-5deg) translate(-5px,1px);
	-transform:rotate(-5deg) translate(-5px,1px)
}
#index_tags a:hover img{
	left:-5px;
	top:-5px;
	padding:4px;
	border:1px solid #aaa;
	-moz-box-shadow:1px 1px 3px #888;
	-webkit-box-shadow:1px 1px 3px #888;
	box-shadow:1px 1px 3px #888
}
#index_tags a:hover p{
	text-decoration:underline
}